<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- Bootstrap 的 CSS 文件 -->
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/font.css">
   <link rel="stylesheet" href="css/footer.css">
  <title>维亚生物试剂</title>
</head>

<body style="background-color: #ffffff;">
  <!-- pc头部搜索，banner -->
  <header>
    <!-- 头部 -->
    <img src="./image/banner.png" alt="" class="bannersne" id="responsiveImage">
    <img src="./image/settion.png" alt="" class="seting">
    <div class="mobilelist">
      <div class="d-flex justify-content-between mobmentyop align-items-center">
        <i class="bi bi-x-lg closenr"></i>
        <div class="d-flex ricoame">
          <img src="./image/zhuce.png" alt="">
          <img src="./image/car.png" alt="">
        </div>
      </div>
      <div class="mobilmenuLi">
        <div style="height:30px ;"></div>
        <li class="active">
          <a href="#!">首页</a>
        </li>
        <li>
          <a href="#!">体外诊断试剂</a>
        </li>
        <li>
          <a href="#!">药研试剂</a>
        </li>
        <li>
          <a href="#!">定制服务</a>
        </li>
        <li>
          <a href="#!">联系我们</a>
        </li>
        <li>
          <a href="#!">结构搜索</a>
        </li>
        <li style="margin-top: 45px;">
         <div class="imgcisne d-flex justify-content-between align-items-center">
          <input type="text">
          <img src="./image/search.png" alt="">
         </div>
        </li>
      </div>
    </div>
    <div class="pcHeader d-flex flex-column align-items-center">

      <!-- 搜索 -->
      <div class="headerContainer d-flex justify-content-center align-items-center">
        <div class="searchInout d-flex justify-content-between align-items-center">
          <input type="text" placeholder="请输入货号、cas号、smiles 号、关键词">
          <img src="./image/search.png" alt="">
        </div>
        <div class="inpuRight d-flex justify-content-between align-items-center">
          <h4>结构搜索</h4>
          <img src="./image/zhuce.png" alt="">
          <img src="./image/car.png" alt="">
        </div>
      </div>
      <!-- 导航 -->
      <div class="pcNaver d-flex">
        <div class="d-flex justify-content-between">
          <a href="#" class="active">首页</a>
          <a href="#" class="">体外诊断试剂</a>
          <a href="./menulist.html" class="">药研试剂</a>
          <a href="#" class="">定制服务</a>
          <a href="#" class="">联系我们</a>
        </div>
      </div>
    </div>
  </header>
  <!-- 主营业务 -->
   <div class="Appconatiner">
  <main>
    <!-- <div class="pcZcntenr"></div> -->
    <!-- <img src="./image/pcbanner.png" alt="" class="pcZcntenr"> -->
    <!-- 主营业务 -->
    <div class="d-flex justify-content-center zhuying align-items-center">
      <span>主营业务</span>
    </div>
    <div class="d-flex justify-content-center zhuswiper align-items-center flex-wrap">
      <div class="zhuyingItem">
        <img src="./image/icon.png" alt="">
        <h3>药研试剂</h3>
        <p>
          维亚生物依托世界领先的基于结构的药物研发技术优势，以及多年的产品研发能力和化学合成经验的积累，为全球客户提供广泛的药物研试剂产维亚生物依托世界领先的基于结构的药物研发技术优势，以及多年的产品研发能力和化学合成经验的积累，为全球客户提供广泛的药物研试剂产
        </p>
        <img src="./image/button.png" alt="" class="chakan">
      </div>
      <div class="zhuyingItem cenzhuying">
        <h3>体外诊断试剂</h3>
        <p>
          提供全面的IVD化学试剂开发与生产以及IVD生物试剂研发服务，聚焦于生化和免疫检测方向，全面支持IVD化学原料的研发及生产、放行。在IVD化学试剂研发与生产方面，化学发光、荧光分子、凝血底物与其他底物确保高灵敏度和高特异性的检测效果。在IVD生物试剂研发方面，我们专注于抗体研发与抗原研发。在治疗性和诊断抗体开发领域拥有丰富的经验，利用先进的膜抗原表达专利技术，确保抗体的高效生产和精准识别。
        </p>
        <img src="./image/chakan.png" alt="" class="chakan">
      </div>
      <div class="zhuyingItem">
        <img src="./image/icon2.png" alt="">
        <h3>定制服务</h3>
        <p>维亚生物拥有强大的定制合成能力，致力于快速解决问题以及积极沟通为客户提供高质量和高价值的产品和服务。我们的团队精通线路优化以及</p>
        <img src="./image/button.png" alt="" class="chakan">
      </div>
    </div>
  </main>
  <!-- //特色 -->
  <div class="swiperCnainer">
    <div class="d-flex justify-content-center zhuying align-items-center">
      <span style="color: #1AA26B;">特色</span>
    </div>
    <div class="d-flex justify-content-center align-items-center">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide d-flex justify-content-center align-items-center">
            <div class="swiperitem">
              <div class="imgconame">
                <img src="./image/libanner.png" alt="">
              </div>
              <div class="d-flex justify-content-between align-items-center bottomveiw">
                <span>化学砌块</span>
                <div class="iconline d-flex align-items-center justify-content-center"><i
                    class="bi bi-chevron-right"></i></div>
              </div>
            </div>
          </div>
          <div class="swiper-slide d-flex justify-content-center align-items-center">
            <div class="swiperitem">
              <div class="tipingse d-flex justify-content-end">
                <img src="./image/daod.png" alt="">
              </div>
              <div class="tizheng">
                <span>体外诊断（IVD）</span>
              </div>
              <p>在人体之外，通过对人体样本(血液、体液、组织等)进行检测而获取临床诊断信息，进而判断疾病或机体功能的产品和服务。是保障人类健康与构建和谐社会日益重要的组成部分。</p>
              <div class="bottoms d-flex justify-content-end">
                <img src="./image/button.png" alt="">
              </div>
            </div>
          </div>
          <div class="swiper-slide d-flex justify-content-center align-items-center">
            <div class="swiperitem">
              <div class="imgconame">
                <img src="./image/pengsuan.png" alt="">
              </div>
              <div class=" d-flex justify-content-between align-items-center bottomveiw">
                <span>硼酸</span>
                <div class="iconline d-flex align-items-center justify-content-center"><i
                    class="bi bi-chevron-right"></i></div>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
      </div>
    </div>
  </div>

  </div>
  <!-- 订阅 -->
  <div class="dingyuContainr d-flex justify-content-around align-items-center flex-wrap">
    <div class="dingleft">
      <h3>订阅时事通讯</h3>
      <p>如果您想要了解产品的最新信息，</p>
      <p>请留下您的邮箱完成订阅，我们将通过电子邮件发送最新信息。</p>
    </div>
    <div class="dingyuriht d-flex ">
      <input type="text" placeholder="请输入邮箱">
      <div class="d-flex justify-content-center align-items-center">
        <img src="./image/dingyue.png" alt="">
        <span>立即订阅</span>
      </div>
    </div>
  </div>
  <!-- 底部 -->
  <footer class="d-flex justify-content-center align-items-center flex-wrap">
    <ul>
      <li class="topbig"><a href="#!">产品中心</a></li>
      <li><a href="#!">体外诊断试剂</a></li>
      <li><a href="#!"> 药研试剂</a></li>
      <li><a href="#!">定制服务</a></li>
    </ul>
    <div class="line"></div>
    <ul>
      <li class="topbig"><a href="#!">友情链接</a></li>
      <li><a href="https://www.vivabioinnovator.com">维亚生物创新中心</a></li>
      <li><a href="http://www.langhuapharma.com">朗华制药</a></li>
      <li><a href="https://synmedchem.com">信实医药</a></li>
    </ul>
    <div class="line"></div>
    <ul>
      <li class="topbig"><a href="#!">关注我们</a></li>
      <div class="d-flex align-items-center sunsnediv">
        <div class="cicleine d-flex align-items-center justify-content-center weixnimg">
          <img src="./image/weixin.png" alt="" srcset="">
          <div class="hidden-div">
            <p class="shahr">微信扫一扫：分享</p>
            <img src="./image/ewm.jpg" alt="">
            <p>扫一扫关注公众号</p>
          </div>
        </div>
        <div class="cicleine d-flex align-items-center justify-content-center insimg">
          <a href="https://www.linkedin.cn/incareer/company/14402828/admin" target="_blank">
          <img src="./image/ins.png" alt="" srcset="">
          </a>
        </div>
        <div class="cicleine d-flex align-items-center justify-content-center insimg">
          <a href="https://twitter.com/viva_biotech" target="_blank">
          <img src="./image/twitter.png" alt="" srcset="">
        </a>
        </div>
      </div>
     
    </ul>
    <div class="line"></div>
    <ul>
      <li class="topbig"><a href="#!">联系我们</a></li>
     
    </ul>
  </footer>
  <!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
  <script src="js/bootstrap.js"></script>
  <script src="js/index.js"></script>
  <script src="js/jquery-2.1.1.min.js"></script>
  <script src="js/swiper.min.js"></script>
  <script>
 
  

    

    
   
  </script>

</body>

</html>